<template>
  <div class="home-main">
    <div class="container">
      <HomeMainFlashsale></HomeMainFlashsale>
      <HomeBannerBox bannerUrl="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/431e5fd6bfd1b67d096928248be18303.jpg?thumb=1&w=1226&h=120&f=webp&q=90"></HomeBannerBox>
      <HomeBrickBox></HomeBrickBox>
      <HomeMainPlainBox></HomeMainPlainBox>
      <HomeMainVideoBox></HomeMainVideoBox>

    </div>
  </div>
</template>

<script>
import HomeMainFlashsale from "../HomeMainFlashsale/HomeMainFlashsale";
import HomeBannerBox from "../HomeBannerBox/HomeBannerBox";
import HomeBrickBox from "../HomeBrickBox/HomeBrickBox";
import HomeMainPlainBox from "../HomeMainPlainBox/HomeMainPlainBox";
import HomeMainVideoBox from "../HomeMainVideoBox/HomeMainVideoBox";
export default {
  name: "HomeMain",
  components: {
    HomeMainFlashsale,
    HomeBannerBox,
    HomeBrickBox,
    HomeMainPlainBox,
    HomeMainVideoBox
  },
  data(){
    return{
    }
  }
}
</script>

<style scoped lang="scss">
.home-main {
  background-color: #F5F5F5;
  display: flex;
  justify-content: center;
  padding-bottom: 12px;
  .container {
    display: flex;
    flex-direction: column;
  }
}
</style>